<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/AllStyle.css" rel="stylesheet" />
		<script src="js/jquery.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/common.js"></script>
	</head>
	<body style="overflow:auto; zoom:1;">
		<ul class="mui-table-view" id="myList">
		</ul>
	</body>
	<script type="text/javascript">
		mui.init();
		mui.plusReady(function(){
			mui.ajax('http://192.168.1.192:8080/jeecg-boot/procedure/proc/list',{
				headers:{
					"X-Access-Token":getCookie("token")
				},
				contentType: 'application/json',
				data: 'pageSize=20'+'&pageNo=1',
				dataType:'json',
				type:'get',
				timeout:100000,
				success:function(data){
					var listContent = '';
					mui.each(data.result.records,function(key,value){
						listContent += '<li class=" mui-table-view-cell">'+
                                    '<a onclick="showTask(\'' + value.id + '\')">'+
                                        '<div><span style="font-size: 30px;margin-top:100px;font-weight: bold;">'+value.name+'</span>' +
										'<span style="font-size: 18px;margin-top:100px;">'+value.code+'</span>' +
										'</div>'+
                                    '</a>'+
                                '</li>';
					});
					$("#myList").html(listContent);
				},
				error:function(xhr,type,errorThrown){

				}
			})
		});
		function showTask(procId) {
			mui.openWindow({
				url:'task.html',
				id:'task.html',
				extras:{'procId':procId}
			})
		}
	</script>
	<style>
	</style>
</html>
